<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>CSS 轮廓（outline）</title>
		<style>
			p:hover {
				outline: green dotted thick;
			}
		</style>
	</head>
	<body>
		<!-- outline是不占空间的，既不会增加额外的width或者height（这样不会导致浏览器渲染时出现reflow或是repaint） -->
		<p>这是一段文字，下面是轮廓效果。</p>
	</body>
</html>
